<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Daum - Admin</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	
	<link href="css/popup.css" rel="stylesheet" type="text/css" />
</head>

<!-- 팝업 사이즈 : 500 x 640 -->
<body id="popup">

	<!-- 현재위치 -->
	<div class="pop_tit">
		<p class="loca strong margin_l">캠페인별 관련 광고 보기</p>
	</div>

	<!-- 선택박스 -->
	<div class="pop_seltop">
		<select class="f_l long" title="캠페인">
			<option>소녀시대 캠페인</option>
			<option>캠페인명 1</option>
			<option>캠페인명 2</option>
		</select>
		<select class="f_l short margin_l" title="광고형식">
			<option>TV광고</option>
			<option>광고형식 1</option>
			<option>광고형식 2</option>
		</select>
	</div>

	<!-- table -->
	<table summary="소녀시대 캠페인 TV광고 (위에서 선택된 캠페인, 광고형식)에 관련된 목록입니다." class="tbl width">
		<caption>캠페인별 관련 광고 목록</caption>
		<colgroup>
			<col style="width:50px" />
			<col style="width:40px" />
			<col style="width:130px" />
			<col style="width:80px" />
			<col />
		</colgroup>
		<thead>
		<tr>
			<th>번호</th>
			<th>년도</th>
			<th>썸네일</th>
			<th>서비스</th>
			<th class="end">제목</th>
		</tr>
		</thead>
		<tbody>
		<tr>
			<td>5</td>
			<td>2012</td>
			<td><p style="width:130px; height:74px; background:#ddd"></p></td>
			<td class="txt_left">마이피플</td>
			<td class="end txt_left">폭풍수다편</td>
		</tr>
		<tr>
			<td>4</td>
			<td>2012</td>
			<td><p style="width:130px; height:74px; background:#ddd"></p></td>
			<td class="txt_left">마이피플</td>
			<td class="end txt_left">폭풍수다편</td>
		</tr>
		<tr>
			<td>3</td>
			<td>2012</td>
			<td><p style="width:130px; height:74px; background:#ddd"></p></td>
			<td class="txt_left">마이피플</td>
			<td class="end txt_left">폭풍수다편</td>
		</tr>
		<tr>
			<td>2</td>
			<td>2012</td>
			<td><p style="width:130px; height:74px; background:#ddd"></p></td>
			<td class="txt_left">마이피플</td>
			<td class="end txt_left">폭풍수다편</td>
		</tr>
		<tr>
			<td class="endTr">1</td>
			<td class="endTr">2012</td>
			<td class="endTr"><p style="width:130px; height:74px; background:#ddd"></p></td>
			<td class="endTr txt_left">마이피플</td>
			<td class="endTr end txt_left">폭풍수다편</td>
		</tr>
		</tbody>
	</table>

	<!-- paging -->
	<div class="paging">
		<span class="icon arrow moreleft"><a href="#" class="screen_out">맨처음</a></span>
		<span class="icon arrow left"><a href="#" class="screen_out">이전</a></span>
		<span class="pg">1</span><span class="icon bar"></span>
		<a href="#" title="페이지 이동" class="pg">2</a><span class="icon bar"></span>
		<a href="#" title="페이지 이동" class="pg">3</a><span class="icon bar"></span>
		<a href="#" title="페이지 이동" class="pg">4</a><span class="icon bar"></span>
		<a href="#" title="페이지 이동" class="pg">5</a><span class="icon bar"></span>
		<a href="#" title="페이지 이동" class="pg">6</a><span class="icon bar"></span>
		<a href="#" title="페이지 이동" class="pg">7</a><span class="icon bar"></span>
		<a href="#" title="페이지 이동" class="pg">8</a><span class="icon bar"></span>
		<a href="#" title="페이지 이동" class="pg">9</a><span class="icon bar"></span>
		<a href="#" title="페이지 이동" class="pg">10</a>
		<span class="icon arrow right"><a href="#" class="screen_out">다음</a></span>
		<span class="icon arrow moreright"><a href="#" class="screen_out">맨끝</a></span>
	</div>

	<!-- close -->
	<p class="margin_t txt_right"><a href="#" title="닫기" class="btn_grey">닫기</a> </p>

</body>
</html>
